.wrap
{
    height:100%;
    width:100%;
    background: white;
}

.nav
{
    height:12%;
    width:100%;
    background: gray;
}
.nav-1
{
    height:50%;
    width:100%;
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
}
.czs-menu-l
{
    float: left;
    color: white;
    font-size: 25px;
}
.czs-bell
{
    float: right;
    color: aquamarine;
    font-size: 25px;
}
.nav-2
{
    height:50%;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-2 ul li
{
    font-size: 1em;
    display:inline-block;
    text-align: center;
    padding:30px;
} 

 .main
{
    height: 88%;
    width:100%;
    /* background: coral; */
} 
.main p
{
    font-size: 15px;
    line-height: 25px;

}
.main-1
{
    height: 18%;
    width:100%;
    /* background: aqua */
}
.main-2
{
    height: 18%;
    width:100%;
    /* background: blue; */
}
.main-3
{
    height: 18%;
    width:100%;
    /* background: brown; */
}
.main-4
{
    height: 18%;
    width:100%;
    /* background: coral; */
}
.main-5
{
    height: 18%;
    width:100%;
    /* background: darkorange; */
}
.czs-chuangzaoshi
{
    float: left;
    color: slateblue;
    padding-top: 6%;
    font-size:60px;
}
.czs-chrome
{
    float: left;
    color: red;
    padding-top: 6%;
    font-size:60px;
}

.head-gongsitaoti-1
{
    width: 100%;
    height: 10vh;
    color: white;
    text-align: center;
    background:#3D444C; 
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.middle-gongsitaoti-1
{
    width: 100%;
    height:90vh;
    background: #F0EFF5;
}
.middle-gongsitaoti-2
{
    width: 100%;
    height: 45%;
    background: white;
}
.middle-gongsitaoti-2-son1
{
    width: 100%;
    height: 25%;
    border: 1px solid #E6E6E6;
}
.middle-gongsitaoti-2 p
{
    color: #555555;
    padding: 4% 3%;
}
.middle-gongsitaoti-3
{
    width: 100%;
    height: 18%;
    background: white;
    margin: 5% 0;
}
.middle-gongsitaoti-3-son1
{
    margin: 10% 5%;
}
.middle-gongsitaoti
{
    width: 100%;
    height: 50%;
    border: 1px solid #E6E6E6;
}
.middle-gongsitaoti p
{
    color: #555555;
    padding: 4% 3%;
}
.middle-gongsitaoti-4
{
    width: 100%;
    height: 9%;
    background: white;
}
.middle-gongsitaoti-4 p
{
    color: #555555;
    text-align: center;
    padding-top: 4%;
}
